{% load staticfiles %}
<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" type="text/css" href="{% static 'login/css/skin_/main.css' %}" />
    <script type="text/javascript" src="{% static 'login/js/jquery.js' %}"></script>
</head>
<body>
    <div id="header">
        <h1>十露盘数据服务平台</h1>
    </div>
    <div id="nav">
        <ul>
            <li>
                <a href="">数据下载</a> <br>
                <ul class="submenu">
                    <li> <a href="{% url 'ddm:post' username %}"> 编辑任务 </a> </li>
                    <li> <a href="{% url 'ddm:result' username 7 %}" class="active">任务进度 </a> </li>
                    <li> <a href="{% url 'login:logout'%}"> 用户注销 </a> </li>
                </ul>
            </li>
        </ul>
    </div>
    <div id="section" class="sectionp">
        <h2> 任务 {{ task_id }} 详情介绍</h2>
            <p >任务编号 : {{ task_id }}     </p>
            <p >任务名称 : {{ task_name }}   </p>
            <p >申请时间 : {{ apply_time }}  </p>
            <p >任务类型 : {{ task_type }}   </p>
            <p >任务等级 : {{ priority }}    </p>
            <p >项目空间 : {{ project }}     </p>
            <p >数据表名 : {{ table }}       </p>
            {% if is_admin %}
                <p >详情信息 :
                    <a href="javascript:;" class="showDown">展开</a>
                    <a href="javascript:;" class="showUp">收起</a></p>
                {% if is_success %}
                    <div class="oneLine">
                        <p >表拥有者 : {{ TableOwner }}  </p>
                        <p >创建时间 : {{ CreateTime }}  </p>
                        <p >内容描述 : {{ TableComment }}  </p>
                        <p >生存周期 : {{ LifeCycle }}  </p>
                        <p >文件大小 : {{ TableSize }}  </p>
                        <p >所有字段 : {{ TableColumn }}  </p>
                        <p >记录条数 : {{ RecordNumber }} 条</p>
                    </div>
                {% else %}
                    <div class="oneLine">
                        <p> 失败原因 : {{ response }} </p>
                    </div>
                {% endif %}
            {% endif %}
            <p >存储路径 : {{ save_path }}   </p>
            <p >加密处理 : {{ is_encrypt }}  </p>
            <p >下载条数 : {{ limit }}       </p>
            <p >保存时长 : {{ retain }} Hours </p>
            <p >数据描述 : {{ instruction }} </p>
            <p >下载用途 : {{ purpose }}     </p>
            <p >额外备注 : {{ remake }}      </p>
            <p >抄送邮箱 : {{ mail_to }}     </p>
            {% if is_admin %}
                {% if approval_result == 'Waiting'%}
                    <form action="{% url 'ddm:approval' username task_id %}" method="post">
                        {% csrf_token %}
                            <p>
                            <label for="task_approval">任务审批：</label>
                            <input type="radio" name="task_approval" value="Approve" checked="checked"> 同意
                            <input type="radio" name="task_approval" value="Deny"> 拒绝 <br />
                            </p>
                            <p>
                                <label for="approval_reason">审批理由：</label>
                                <input type="text"  name="approval_reason" placeholder="拒绝理由" value="系统默认">
                            </p>
                        <input type="submit" value="提交审批">
                    </form>
                {% endif %}
            {% endif %}
    </div>
    <div id="footer">
    Copyright slooptech.com
    </div>
<script type="text/javascript">
    console.log($(window).width(),$("#nav").width());
    $("#nav").height($(window).height()-$("#header").height()-$("#footer").height()-31);

    $("#section").width($(window).width()-$("#nav").width()-12);
    $("#section").height($(window).height()-$("#header").height()-$("#footer").height()-31);
         $(".oneLine").hide();
         $(".showUp").hide();
    $(".showDown").click(function(){
        $(".oneLine").show();
        $(".showDown").hide();
         $(".showUp").show();
    });
    $(".showUp").click(function(){
         $(".oneLine").hide();
         $(".showUp").hide();
        $(".showDown").show();
    })

</script>

</body>
</html>